.list-filter {
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  background-color: $duxappWhiteColor;
  &__item {
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 80px;
    padding: 20px 5px;
    &__text {
      margin-right: 10px;
      color: $duxappTextColor1;
      font-size: 28px;
    }
  }
}
.list-filter-open {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba($color: #000, $alpha: 0.5);
  &__main {
    flex-direction: row;
    flex-wrap: wrap;
    background-color: $duxappWhiteColor;
  }
  &__item {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    background-color: transparent;
    /*postcss-pxtransform rn eject enable*/
    box-sizing: border-box;
    /*postcss-pxtransform rn eject disable*/
    width: 100%;
    height: 80px;
    padding: 0 30px;
    // border: 0 solid #b3b3b3;
    // border-right-width: 1px;

    &__checkIcon {
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      margin-right: 20px;
      border: 2px solid #808080;
      border-radius: 30px;
      &--hover {
        background-color: $duxappPrimaryColor;
        border-width: 2px;
        border-color: $duxappPrimaryColor;
      }
    }
    &__text {
      color: $duxappTextColor1;
      font-size: 25px;
      &--hover {
        color: $duxappPrimaryColor;
      }
    }
    &__button {
      color: $duxappPrimaryColor;
      &--hover {
        color: $duxappWhiteColor;
      }
    }
  }
}
